<!DOCTYPE html>
<html lang="es" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>Manage to Transfer</title>
		<link rel="shortcut icon" href="resources/image/favicon.ico" />
		<!-- Bootstrap CSS -->
		<link href="resources/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="resources/css/login.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="resources/bootstrap/css/bootstrap-theme.min.css" />
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>

		<div class="container" th:fragment="content">
		   <div class="row">
				<div class="col-xs-12 col-sm-12 col-md-9 col-md-offset-1 vcenter">
		    		<div class="panel panel-default">
					  	<div class="panel-heading">
					    	<h3 class="panel-title" th:text="#{title.login.user}">Ingrese con su usuario</h3>
					 	</div>
					  	<div class="panel-body">

					  		<div class="list-group">
					  			<div class="media col-xs-12 col-sm-5 col-md-5 col-xs-offset-1 col-sm-offset-3 col-md-offset-0">
					  				<img src="resources/image/logo.png" alt="" class="img-rounded logo-form img-responsive" />
					  			</div>
								<div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-0">
									<th:block th:if="${param.error != null}">
								        <div th:replace="fragment/alert :: alert ('danger', #{message.login.error})">Alert</div>
								    </th:block>									
									<form class="form-signin" accept-charset="UTF-8" role="form" action="dashboard.html"
										th:action="@{/j_spring_security_check}" method="post">
			                    		<fieldset>
				                    		<div class="form-group">
								    		    <input class="form-control" autofocus="autofocus" placeholder="Usuario" 
								    		    	name="j_username" id="j_username" type="text" required ="required"/>
								    		</div>
								    		<div class="form-group">
								    		    <input type="password" class="form-control" id="j_password" placeholder="Password" 
								    		    	name="j_password" required="required" />
								    		</div>
								    		<div class="checkbox">
								    	    	<label>
								    	    		<input name="_spring_security_remember_me" type="checkbox" /> Recordarme
								    	    	</label>
								    	    </div>						    		

											<button class="btn btn-lg btn-primary btn-block" type="submit">
												<span th:text="#{login.button.value}" th:remove="tag">Ingresar</span>
											</button>
							    	  	</fieldset>
						      		</form>					  			
					  			</div>					  		
					  		</div>
					    	
					    </div>
					</div>
				</div>
			</div>
		</div> 		

		<!-- jQuery -->
		<script src="resources/bootstrap/js/jquery.js"></script>
		<!-- Bootstrap JavaScript -->
		<script src="resources/bootstrap/js/bootstrap.min.js"></script>
	</body>
</html>